import styled from 'styled-components'
export const RadioCoverContent = styled.div`
    width:118px;
    height: 150px;
    margin:0 5px;
    .album-img{
        position: relative;
        .imgItem{
        width:${props=>props.width + 'px'};
        /* height: 100px; */
        height:${props=>props.height + 'px'};
        /* width:118px; */
        /* height: 100px; */
        }   
        .bgc-cover{
            display:inline-block;
            background:url(${require('@/assets/img/sprite_cover.png').default}) no-repeat;
            height:100px;
            width:118px;
            background-position:0 -570px;
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
        }
    }
    
    .album-info{
        margin-top:5px;
        font-size:12px;
        .name{
           white-space:nowrap;
           overflow:hidden;
           text-overflow:ellipsis;
        }
    }
`